<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>物种文献检索系统</title>
    <link rel="stylesheet" href="./css/paper_check.css">
</head>
<body>
    <script src="./js/paper_check.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="js/paper_check.js"></script>
    <!-- 左侧面板 -->
    <div id="left-panel">
        <h3 class="dropdown-header">物种选择</h3>
        <div class="species-dropdown">
            <div class="search-box">
                <input type="text" id="speciesSearch" placeholder="输入物种名称过滤...">
            </div>
            <ul class="species-list" id="speciesList">
                <!-- 物种列表将通过JavaScript动态生成 -->
            </ul>
        </div>

        <!-- 原有其他内容保持不变
        <div class="filter-section">
            <p>发表时间：<input type="range" min="1900" max="2024"></p>
            <div class="tag-cloud"></div>
        </div> -->
    </div>

    <!-- 主区域 -->
    <div id="main-area">
        <div class="search-bar">
            <input type="text" class="input" placeholder="输入物种名称" style="width: 80%; padding: 8px">
            <button type="button" class="button">搜索</button>
        </div>

        <div id="results">
            <!-- 在主区域的results div内添加这些内容 -->
                <div class="paper-card">
                    <h4><span class="species-highlight">大熊猫（Ailuropoda melanoleuca）</span></h4>
                    <p class="authors-highlight">作者：王敏 等</p>
                    <p class="abstract">通过宏基因组测序分析，揭示了大熊猫肠道菌群随竹笋生长周期的动态变化规律...</p>
                    <div class="stats">
                        <span class="publication-date">被引次数：28</span>
                        <span class="publisher">影响因子：6.7</span>
                    </div>
                </div>
            </div>
    </div>

    <!-- 右侧面板 -->
    <div id="right-panel">
        <div class="actions">
            <h4>其他操作</h4>
            <button onclick="window.location.href='../2Dsection/hello.html'">查看该物种轨迹</button>
            <button onclick="window.location.href='./homepage.html'">回到知识库首页</button>
            <button onclick="window.location.href='../3Dsection/hello.html'">3D可视化</button>
            <button onclick="window.location.href='../3Dsection/interaction.html'">趣味互动</button>
            <button onclick="window.location.href='./migration_vs.html'">统计可视化大屏</button>
        </div>

        <!-- <div class="recommendations">
            <h4>相关物种推荐</h4>
            <ul>
                <li>黑猩猩 (Pan troglodytes)</li>
                <li>大猩猩 (Gorilla gorilla)</li>
            </ul>
        </div> -->
    </div>
       <!-- 原有PDF查看器结构修改 -->
       <div class="pdf-viewer-overlay" id="pdfViewer">
        <div class="pdf-viewer-container">
            <span class="close-btn" onclick="closePDF()">×</span>
            
            <!-- PDF显示区域 -->
            <div class="pdf-section">
                <embed class="pdf-embed" id="pdfFrame" 
                      type="application/pdf">
            </div>

            <!-- 评论区 -->
            <div class="comments-section">
                <div class="comments-list" id="commentsList"></div>
                
                <div class="comment-form" id="commentForm">
                    <textarea placeholder="输入您的评论..." required></textarea>
                    <button type="button" id="submitCommentButton">发表评论</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

